<script setup lang="ts">
import * as echarts from 'echarts'
import 'echarts-liquidfill'
import { ref, onMounted } from 'vue'
import TitleCom from '../title/index.vue'
const chartDom = ref()
// onMounted(() => {
//   let myChart = echarts.init(chartDom.value)
//   myChart.setOption({
//     title: {
//       text: '实时游客统计'
//     },
//     tooltip: {},
//     xAxis: {},
//     yAxis: {},

//     series: [
//       {
//         type: 'liquidFill',
//         data: [0.6]
//       }
//     ],
//     grid: {
//       left: 0,
//       right: 0,
//       top: 0,
//       bottom: 0
//     }
//   })
// })
</script>

<template>
  <TitleCom title="实时游客统计">
    <template #extra>
      <div style="margin-top: 50px">预约游客99999人</div>
    </template>
  </TitleCom>
</template>

<style lang="scss" scoped></style>
